<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <meta name="description" content="网站描述" />
    <meta name="keywords" content="关键词" />
    <link rel="stylesheet" href="./style/reset.css">
    <link rel="stylesheet" href="./style/style.css">
    <link rel="stylesheet" href="./style/flickerplate.css">
    <link rel="stylesheet" href="./style/swiper.min.css">
</head>
<body>
    <!-- 头部导航 -->
    <div class="wrap_header">
        <div class="head_box">
            <div class="head_navigator">
                <a class="nav_item on" href="./index.html">首页</a>
                <a class="nav_item" href="./news.html">新闻中心</a>
                <a class="nav_item" href="">企业资讯</a>
                <a class="nav_item" href="">客服中心</a>
                <a class="nav_item" href="">招聘中心</a>
                <a class="nav_search" href=""><i class="icon_search"></i>查询/申请</a>
            </div>
            <h1 class="logo"><img src="./images/logo.png"/><span class="title">苏州奇才充电桩</span></h1>
        </div>
    </div>

    <div class="flicker-example" data-block-text="false">
        <ul>
            <li data-background="./images/slide_03.jpg">
            </li>
            <li data-background="./images/slide_02.jpg">
            </li>
            <li data-background="./images/slide_01.jpg">
            </li>
        </ul>
        <div class="slide_mask"></div>
    </div>

    <div class="wrap_main">

        <div class="common_box">
            <div class="box_head">
                <h2 class="title">关于我们</h2>
                <i class="line"></i>
                <p class="desc">About us</p>
            </div>
            <div class="about_content">
                <p class="desc">奇才股份成立于2008年6月，当时，世界经济正急速衰退，但创始人凭借自己的胆识和眼光，坚持既定的战略方针，立足于智能连接行业，打造一流品牌。</p>
                <p class="desc">奇才股份从创业开始，公司实行自主研发、全员质量管理、全员参与等运作方针，不断加强企业软硬件建设，顺利通过了美国UL产品认证、HDMI产品协会认证、ISO9001：2015、
                 IATF16949:2016汽车行业质量管理体系，并于2012年8月获得了“江苏省高新技术企业”认证，2014年4月，奇才股份在全国中小企业股份转让系统正式挂牌(股票代码：430714)，
                 大大提升了公司在国内外市场的竞争力!</p>
            </div>
        </div>

        <h2 class="box_title">电价电费</h2>
        <div class="swiper-container swiper_ev">
            <div class="swiper-wrapper">
                <div class="ev_box swiper-slide">
                    <div class="box_head">
                        <p class="desc">常州：A站 交流桩_001桩</p>
                        <a href="./ev_prices.html" class="icon_more"></a>
                    </div>
                    <div class="ev_table">
                        <ul>
                            <li class="ev_item">
                                <span class="item">时间段</span>
                                <span class="item">电费（元/度）</span>
                                <span class="item">服务费（元/度）</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ev_box swiper-slide">
                    <div class="box_head">
                        <p class="desc">常州：A站 交流桩_002桩</p>
                        <a href="./ev_prices.html" class="icon_more"></a>
                    </div>
                    <div class="ev_table">
                        <ul>
                            <li class="ev_item">
                                <span class="item">时间段</span>
                                <span class="item">电费（元/度）</span>
                                <span class="item">服务费（元/度）</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="ev_box swiper-slide">
                    <div class="box_head">
                        <p class="desc">常州：A站 交流桩_003桩</p>
                        <a href="./ev_prices.html" class="icon_more"></a>
                    </div>
                    <div class="ev_table">
                        <ul>
                            <li class="ev_item">
                                <span class="item">时间段</span>
                                <span class="item">电费（元/度）</span>
                                <span class="item">服务费（元/度）</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">00:00 - 08:00</span>
                                <span class="item">0.44</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">08:00 - 09:00</span>
                                <span class="item">0.80</span>
                                <span class="item">1.0</span>
                            </li>
                            <li class="ev_item">
                                <span class="item">09:00 - 12:00</span>
                                <span class="item">1.2</span>
                                <span class="item">1.0</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        

        <div class="common_box">
            <div class="box_head">
                <h2 class="title">产品中心</h2>
                <i class="line"></i>
                <p class="desc">Product center</p>
                <a href="./products.html" class="icon_more"></a>
            </div>
            <div class="product_center">
                <ul>
                    <li>
                        <img class="pic" src="./images/product_01.jpg"/>
                        <div class="profile left">
                            <h3 class="name">双枪直流充电桩</h3>
                            <i class="line"></i>
                            <p class="desc">双枪直流充电桩双枪直流充电桩双枪直流充电桩双双枪直流充电桩双枪直流充电桩枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩...</p>
                            <a href="./desc.html" class="more">查看更多></a>
                        </div>
                    </li>
                    <li>
                        <img class="pic" src="./images/product_02.jpg"/>
                        <div class="profile left">
                            <h3 class="name">双枪直流充电桩</h3>
                            <i class="line"></i>
                            <p class="desc">双枪直流充电桩双枪直流充电桩双枪直流充电桩双双枪直流充电桩双枪直流充电桩枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩...</p>
                            <a href="./desc.html" class="more">查看更多></a>
                        </div>
                    </li>
                    <li>
                        <div class="profile right">
                            <h3 class="name">双枪直流充电桩</h3>
                            <i class="line"></i>
                            <p class="desc">双枪直流充电桩双枪直流充电桩双枪直流充电桩双双枪直流充电桩双枪直流充电桩枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩...</p>
                            <a href="./desc.html" class="more">查看更多></a>
                        </div>
                        <img class="pic" src="./images/product_03.jpg"/>
                    </li>
                    <li>
                        <div class="profile right">
                            <h3 class="name">双枪直流充电桩</h3>
                            <i class="line"></i>
                            <p class="desc">双枪直流充电桩双枪直流充电桩双枪直流充电桩双双枪直流充电桩双枪直流充电桩枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩双枪直流充电桩...</p>
                            <a href="./desc.html" class="more">查看更多></a>
                        </div>
                        <img class="pic" src="./images/product_04.jpg"/>
                    </li>
                </ul>
            </div>
        </div>

        <div class="ev_box">
            <div class="box_head">
                <h2 class="title">运营平台</h2>
                <i class="line"></i>
                <p class="desc">Operating platform</p>
            </div>

            <div class="plat_wrap">
                <div class="swiper-container platform ">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide">
                            <a class="logo" href="#"><img src="./images/platform_logo.png"/></a>
                            <p class="name">苏州奇才运营平台</p>
                        </li>
                        <li class="swiper-slide">
                            <a class="logo" href="#"><img src="./images/platform_logo.png"/></a>
                            <p class="name">苏州奇才运营平台</p>
                        </li>
                        <li class="swiper-slide">
                            <a class="logo" href="#"><img src="./images/platform_logo.png"/></a>
                            <p class="name">苏州奇才运营平台</p>
                        </li>
                        
                    </ul>
                    
                </div>
                <div class="swiper-button-next swiper-button-black"></div>
                <div class="swiper-button-prev swiper-button-black"></div>
            </div>
            

        </div>

    </div>

    <div class="wrap_footer">
        <div class="footer_main clearfix">
            <div class="footer_code">
                <img src="./images/code.png">
                <p class="tip">扫码下载APP，优惠多多</p>
            </div>
            <div class="footer_info">
                <p>苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语</p>
                <p>苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语苏州充电桩宣传语</p>
            </div>
        </div>
        <p class="website_info">Copyringht 2018苏州充电桩 ｜<span>All rights reserved</span><span>ICP备：CZ0001234567</span></p>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/modernizr-custom-v2.7.1.min.js"></script>
    <script src="./js/flickerplate.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script>
        //大图轮播
        $('.flicker-example').flicker({
            arrows: true,
            arrows_constraint: false,
            auto_flick: true,
            auto_flick_delay: 4,//秒
            block_text: true,
            dot_navigation: true,
            dot_alignment: 'center',
            flick_animation: 'transition-slide',
            flick_position: 1,
            inner_width: false,
            theme: 'light'
        });
    
        //电费电价滚动
        new Swiper('.swiper_ev', {
            autoplay: true,//可选选项，自动滑动
            direction : 'horizontal',
            autoHeight: true,
            loop:true,
        });

        new Swiper('.platform', {
            slidesPerView : 5,
            slidesPerGroup : 1,
            spaceBetween: 20,
            loop: true,
            watchOverFlow:true,
            // loopFillGroupWithBlank: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    
    </script>
</body>
</html>